<template>
  <div class="header">城市选择
    <router-link to="/">
    <div class="iconfont header-back">&#xe624;</div></router-link>
  </div>
</template>

<script>
  export default {
    name: "CityHeader"
  }
</script>

<style lang="less" scoped>
  @import "~styles/z.less";
  @import "~styles/varible.less";
  @import "~styles/mixins.less";

  .header {
    .rel;
    height: @headerHeight;
    line-height: @headerHeight;
    overflow: hidden;
    text-align: center;
    color: #fff;
    background: @bgcolor;
    .font-s(0.32rem);
    .header-back{
      .abs;
      top:0;
      left:0;
      width:0.64rem;
      text-align: center;
      font-size: 0.4rem;
      color:#fff;
    }
  }
</style>
